<template>
  <div class="app-container">
    <!-- 这里的这些tab栏的这些组件看看能否切换为懒加载的， 就是点击才加载的呢 -->
    <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card" >
      <el-tab-pane label="简历大厅" name="first">
        <!-- 显示所有简历 -->
      </el-tab-pane>
      <el-tab-pane label="审核大厅" name="second">
        <!-- 显示待审核的简历 -->
         <!-- 此时的简历状态为待审核 -->
      </el-tab-pane>
      <el-tab-pane label="审核通过" name="third">
        <!-- 显示被简历审核的简历 -->
         <!-- 此时简历的状态为待面试 -->
      </el-tab-pane>
      <el-tab-pane label="录用简历" name="fourth">
        <!-- 显示的是既被简历审核又被录用审核通过的简历 -->
         <!-- 此时简历的状态是已录用 -->
      </el-tab-pane>
      <el-tab-pane label="储备简历库" name="fifth">
        <!-- 可能是面试未通过， 此处是人才库 -->
         <!-- 简历状态是出于人才库的一种状态 -->
      </el-tab-pane>
      <el-tab-pane label="无效简历库" name="sixth">
        <!-- 简历状态无效 -->
      </el-tab-pane>
      <el-tab-pane label="黑名单简历库" name="seventh">
        <!-- 简历状态黑名单 -->
      </el-tab-pane>
    <Resume :type="type"></Resume>
      
    </el-tabs>

  </div>
</template>

<script>
import Resume from "./component/resume.vue"
export default {
  data() {
    return {
      type: 1,
      activeName: 'second',
    };
  },
  components: {
    Resume,
  },

  created() {
  },
  methods: {
    handleClick(tab, event) {
      // console.log("tab, event: ", tab, event);
      this.type = tab.index;
    },
  }
};
</script>
